<script type="text/html" id="tp-import-form">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">添加报名信息</h4>
    </div>
    <div class="modal-body">
        <from id="import-add-form" name="import-add-form"  class="form-horizontal">
          <input type="hidden" name="id"  value="{{=scope.apply.id}}"/>

          <div class="form-group">
            <label class="col-sm-2 control-label">孩子姓名</label>
            <div class="col-sm-9">
              <input type="text" class="form-control" name="name" placeholder="请输入孩子姓名" id="title">
            </div>            
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label">家长电话</label>
            <div class="col-sm-9">
              <input type="text" class="form-control" name="tel" placeholder="请输入家长电话" id="title">
            </div>            
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label">学校名称</label>
            <div class="col-sm-9">
              <select class="form-control" id="select-activity" name="activityid">   
                  # scope.aclist.forEach(function(activity,index){
                      <option value="{{=activity.id}}" data-class="{{=activity.clazz}}" data-no="{{=activity.no}}">{{=activity.school}}</option>
                  # });
              </select>
            </div>           
          </div>
          <input name="school" type="hidden"/>

          <div class="form-group">
            <label class="col-sm-2 control-label">班级</label>
            <div class="col-sm-9">
              <select class="form-control" id="select-class" name="clazz">
              </select>
            </div>           
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label">摄影师</label>
            <div class="col-sm-9">
              <select class="form-control" id="photoer" name="photoer">
                  #scope.userlist.forEach(function(user,index){
                      #if(user.post=="摄影师"){
                          <option value="{{=user.name}}">{{=user.name}}</option>
                      #}
                  #});
              </select>
            </div>           
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label">造型师</label>
            <div class="col-sm-9">
              <select  class="form-control" id="styler" name="styler">
                  #scope.userlist.forEach(function(user,index){
                      #if(user.post=="造型师"){
                          <option value="{{=user.name}}">{{=user.name}}</option>
                      #}
                  #});
                </select>
            </div>           
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label">引导师</label>
            <div class="col-sm-9">
              <select  class="form-control" id="guider" name="guider">
                  #scope.userlist.forEach(function(user,index){
                      #if(user.post=="引导师"){
                          <option value="{{=user.name}}">{{=user.name}}</option>
                      #}
                  #});
                </select>
            </div>           
          </div>

        </form>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
      <button type="button" class="btn btn-primary" id="import-save-btn">完成</button>
    </div>
  </div>
</script>
<style>
  .chart svg {
    width: 30px !important;
    right: 20px !important;
  }

  .ECalendarBox .currentdate h2 {
    margin-top: 0px;
  }
</style>
